Personal Coaching

personalCoaching is a template type that can be used as a post-purchase step after the onboarding checkout/pwyw steps.

The default personal choice looks like this:

That design is supported by default for Lune, Elixir, Lumiere, and Fabulous. All you need to do to support it is to add that step to the onboarding:

{
  "type": "personalCoaching",
  "stepId": "personal_coaching",
  "backgroundColor": "transparent"
}

By default, the theme and items code will be handled based on the app where that step is included. However, the step accepts more keys to override the default one:

Key	Notes
`productId`	e.g. `elixir-item-coaching-plan`
`title`	e.g. `Invest in your future self with a personalized plan`
`subtitle`	e.g. `It's time to level up your life`
`backgroundColor`
`titleColor`
`textColor`
`ctaText`
`ctaTextColor`
`ctaBackgroundColor`
`ctaHoverBackgroundColor`
`skipCta`	An object of the skip button styles: `"skipCta": {` `"text": "Skip offer",` `"textColor": "#053CCE",` `"borderColor": "#C5D5FF"` `}`
`footerText`	e.g. `Billed as one payment`
`footerTextColor`
`bottomViewColor`	The style of the cta panel on small devices:
`bottomViewShadow`
`logoUrl`
`logoWidth`
`logoWidthDesktop`
`desktopBackground`
`tabletBackground`
`mobileBackground`
`discount`	An object to show the discount styles: `"discount": {` `"value": 75,` `"textColor": "white",` `"backgroundColor": "#E96BFF",` `"iconUrl": "https://c.thefab.co/web-onboarding/mind/icons/icon_x_pdf_plan.svg"` `}`
`features`	The list of features to show on the step. It accepts: `title`, `titleColor`, `backgroundColor`, and `items`. `items` is an array of objects with the keys: `text` and `imageUrl` Example: `features: {` `title: 'Top benefits of your Personalized Plan:',` `titleColor: '#251C93',` `textColor: '#3425B8',` `backgroundColor: '#FFF',` `items: [` `{` `text: 'A step-by-step roadmap let you focus on taking action.',` `imageUrl:` `'https://storage.googleapis.com/c.thefab.co/web-onboarding/elixir/icons/icon_1_pdf_plan.svg'` `},` `{` `text: "Expert insights ensure you're doing what works.",` `imageUrl:` `'https://storage.googleapis.com/c.thefab.co/web-onboarding/elixir/icons/icon_2_pdf_plan.svg` `},` `{` `text: 'Receive on-going emails to super-charge your progress.',` `imageUrl:` `'https://storage.googleapis.com/c.thefab.co/web-onboarding/elixir/icons/icon_3_pdf_plan.svg'` `}` `]` `}`

The default configs that are supported in code:

Fabulous

{
    "productId": "fab-item-coaching-plan",
    "title": "Invest in your future self with a personalized plan",
    "subtitle": "It's time to level up your life",
    "backgroundColor": "#02039F",
    "titleColor": "#B5CAFF",
    "textColor": "#FFFFFF",
    "ctaText": "Buy now",
    "ctaTextColor": "white",
    "ctaBackgroundColor": "#FF847A",
    "ctaHoverBackgroundColor": "#F15E53",
    "footerText": "Billed as one payment",
    "footerTextColor": "#FFFFFF",
    "bottomViewColor": "#00076C",
    "bottomViewShadow": "0px -6px 12px 0px #0000001A",
    "skipCta": {
        "text": "Skip offer",
        "textColor": "#B5CAFF",
        "borderColor": "#4B87FF",
        "textHoverColor": "white"
    },
    "logoUrl": "https://c.thefab.co/web-onboarding/fabulous/fabulous-logo-white.svg",
    "logoWidth": 152,
    "logoWidthDesktop": 190,
    "desktopBackground": "https://c.thefab.co/web-onboarding/fabulous/img_background_human_coaching_fabulous_desktop.webp",
    "tabletBackground": "https://c.thefab.co/web-onboarding/fabulous/img_background_human_coaching_fabulous_tablet.jpg",
    "mobileBackground": "https://c.thefab.co/web-onboarding/fabulous/img_background_human_coaching_fabulous_mobile.jpg",
    "features": {
        "title": "Your Private Coaching session includes:",
        "titleColor": "#FFFFFF",
        "textColor": "#B5CAFF",
        "backgroundColor": "#00076C",
        "items": [
            {
                "text": "A step-by-step roadmap let you focus on taking action.",
                "imageUrl": "https://c.thefab.co/web-onboarding/fabulous/icon/icon_1_pdf_plan_fabulous.svg"
            },
            {
                "text": "Expert insights ensure you're doing what works.",
                "imageUrl": "https://c.thefab.co/web-onboarding/fabulous/icon/icon_2_pdf_plan_fabulous.svg"
            },
            {
                "text": "Get the most out of every Fabulous feature and resource.",
                "imageUrl": "https://c.thefab.co/web-onboarding/fabulous/icon/icon_3_pdf_plan_fabulous.svg"
            }
        ]
    },
    "discount": {
        "value": 75,
        "textColor": "white",
        "backgroundColor": "#FF847A",
        "iconUrl": "https://c.thefab.co/web-onboarding/fabulous/icon/icon_x_pdf_plan_fabulous.svg"
    },
    "bgMoveTop": "25%"
}

Lumiere

{
    "productId": "mind-item-coaching-plan",
    "title": "Invest in your future self with a personalized plan",
    "subtitle": "It's time to level up your life",
    "backgroundColor": "linear-gradient(180deg, #FFF3E8 0%, #EBEDFF 100%)",
    "titleColor": "#3425B8",
    "textColor": "#251C93",
    "ctaText": "Buy now",
    "ctaTextColor": "white",
    "ctaBackgroundColor": "#008189",
    "ctaHoverBackgroundColor": "#00676E",
    "footerText": "Billed as one payment",
    "footerTextColor": "#008189",
    "bottomViewColor": "white",
    "bottomViewShadow": "0px -6px 12px 0px #0000001A",
    "skipCta": {
        "text": "Skip offer",
        "textColor": "#008189",
        "borderColor": "#C9E9EC"
    },
    "logoUrl": "https://c.thefab.co/web-onboarding/mind/img_logo_black_lumiere.png",
    "logoWidth": 140,
    "logoWidthDesktop": 176,
    "desktopBackground": "https://c.thefab.co/web-onboarding/mind/img_background_human_coaching_desktop.png",
    "tabletBackground": "https://c.thefab.co/web-onboarding/mind/img_background_human_coaching_tablet.png",
    "mobileBackground": "https://c.thefab.co/web-onboarding/mind/img_background_human_coaching_mobile.png",
    "features": {
        "title": "Your Private Coaching session includes:",
        "titleColor": "#251C93",
        "textColor": "#3425B8",
        "backgroundColor": "#FFF",
        "items": [
            {
                "text": "A step-by-step roadmap let you focus on taking action.",
                "imageUrl": "https://c.thefab.co/web-onboarding/mind/icons/icon_1_pdf_plan_lumiere.svg"
            },
            {
                "text": "Expert insights ensure you're doing what works.",
                "imageUrl": "https://c.thefab.co/web-onboarding/mind/icons/icon_2_pdf_plan_lumiere.svg"
            },
            {
                "text": "Get the most out of every Lumiere feature and resource.",
                "imageUrl": "https://c.thefab.co/web-onboarding/mind/icons/icon_3_pdf_plan_lumiere.svg"
            }
        ]
    },
    "discount": {
        "value": 75,
        "textColor": "white",
        "backgroundColor": "#709FFF",
        "iconUrl": "https://c.thefab.co/web-onboarding/mind/icons/icon_x_pdf_plan_lumiere.svg"
    }
}

Elixir

{
    "productId": "elixir-item-coaching-plan",
    "title": "Invest in your future self with a personalized plan",
    "subtitle": "It's time to level up your life",
    "backgroundColor": "linear-gradient(180deg, #EDF5FF 0%, #DEE3FF 100%)",
    "titleColor": "#3425B8",
    "textColor": "#251C93",
    "ctaText": "Buy now",
    "ctaTextColor": "white",
    "ctaBackgroundColor": "#053CCE",
    "ctaHoverBackgroundColor": "#0430A5",
    "footerText": "Billed as one payment",
    "footerTextColor": "#0430A5",
    "bottomViewColor": "white",
    "bottomViewShadow": "0px -6px 12px 0px #0000001A",
    "skipCta": {
        "text": "Skip offer",
        "textColor": "#053CCE",
        "borderColor": "#C5D5FF"
    },
    "logoUrl": "https://c.thefab.co/web-onboarding/elixir/img_logo_black_elixir_desktop.png",
    "logoWidth": 95,
    "logoWidthDesktop": 119,
    "desktopBackground": "https://c.thefab.co/web-onboarding/elixir/img_background_human_coaching_elixir_desktop.webp",
    "tabletBackground": "https://c.thefab.co/web-onboarding/elixir/img_background_human_coaching_elixir_tablet.png",
    "mobileBackground": "https://c.thefab.co/web-onboarding/elixir/img_background_human_coaching_elixir_mobile.png",
    "features": {
        "title": "Top benefits of your Personalized Plan:",
        "titleColor": "#251C93",
        "textColor": "#3425B8",
        "backgroundColor": "#FFF",
        "items": [
            {
                "text": "A step-by-step roadmap let you focus on taking action.",
                "imageUrl": "https://storage.googleapis.com/c.thefab.co/web-onboarding/elixir/icons/icon_1_pdf_plan.svg"
            },
            {
                "text": "Expert insights ensure you're doing what works.",
                "imageUrl": "https://storage.googleapis.com/c.thefab.co/web-onboarding/elixir/icons/icon_2_pdf_plan.svg"
            },
            {
                "text": "Receive on-going emails to super-charge your progress.",
                "imageUrl": "https://storage.googleapis.com/c.thefab.co/web-onboarding/elixir/icons/icon_3_pdf_plan.svg"
            }
        ]
    },
    "discount": {
        "value": 75,
        "textColor": "white",
        "backgroundColor": "#E96BFF",
        "iconUrl": "https://c.thefab.co/web-onboarding/mind/icons/icon_x_pdf_plan.svg"
    },
    "bgMoveTop": "5%"
}

Lune

{
    "productId": "sleep-item-coaching-plan",
    "title": "Invest in your future self with a personalized plan",
    "subtitle": "It's time to level up your life",
    "backgroundColor": "#19223E",
    "titleColor": "#B3C0DD",
    "textColor": "#E7E9F9",
    "ctaText": "Buy now",
    "ctaTextColor": "white",
    "ctaBackgroundColor": "linear-gradient(55.81deg, #2863D7 0%, #E6B7B7 100%)",
    "ctaHoverBackgroundColor": "linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(55.81deg, #2863D7 0%, #E6B7B7 100%)",
    "footerText": "Billed as one payment",
    "footerTextColor": "#B3C0DD",
    "bottomViewColor": "#31458D",
    "bottomViewShadow": "",
    "skipCta": {
        "text": "Skip offer",
        "textColor": "#A5B3FF",
        "borderColor": "#353F65"
    },
    "logoUrl": "https://c.thefab.co/web-onboarding/lune/img_logo_logo_white_lune.png",
    "logoWidth": 101,
    "logoWidthDesktop": 151,
    "desktopBackground": "https://c.thefab.co/web-onboarding/lune/img_background_human_coaching_lune_desktop.jpg",
    "tabletBackground": "https://c.thefab.co/web-onboarding/lune/img_background_human_coaching_lune_tablet.jpg",
    "mobileBackground": "https://c.thefab.co/web-onboarding/lune/img_background_human_coaching_lune_mobile.jpg",
    "features": {
        "title": "Top benefits of your Personalized Plan:",
        "titleColor": "#E7E9F9",
        "textColor": "#B3C0DD",
        "backgroundColor": "#151729",
        "items": [
            {
                "text": "A step-by-step roadmap let you focus on taking action.",
                "imageUrl": "https://c.thefab.co/web-onboarding/lune/icons/icon_1_pdf_plan_lune.svg"
            },
            {
                "text": "Expert insights ensure you're doing what works.",
                "imageUrl": "https://c.thefab.co/web-onboarding/lune/icons/icon_2_pdf_plan_lune.svg"
            },
            {
                "text": "Get the most out of every Lune feature and resource.",
                "imageUrl": "https://c.thefab.co/web-onboarding/lune/icons/icon_3_pdf_plan_lune.svg"
            }
        ]
    },
    "discount": {
        "value": 75,
        "textColor": "white",
        "backgroundColor": "#3369D5",
        "iconUrl": "https://c.thefab.co/web-onboarding/lune/icons/icon_x_pdf_plan_lune.svg"
    }
}